<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="c1.css" />
		<style type="text/css">
			*{
				
				margin: 0;
				padding: 0;
			}
			.buy_all{
				width: 1000px;
				height: 700px;
				
				position: relative;
               margin: 0 auto;
			}
			.buy_all1{
				position: absolute;
				top:170px;
					left: 15px;
			}
			.buy_head{
				position: absolute;
				
				
			}
			.buy_daohang img{
				position: relative;
				top: 50px;
				
			}
			.buy_daohang  p{
				position: absolute;
				margin-top: 20px;
				left: 100px;
			}
			.buy_shangpinming{
				position: relative;
				top: 60px;
				width: 1000px;
				height: 130px;
				
			}
			.buy_shangpinming tr td{
				width: 80px;
			}
			.buy_shangpinming tr td h4{
				width: 350px;
				color: #808080;
				font-size: smaller;
			}
			.buy_daohang1 img{
				position: relative;
				top: 20px;
			}
			.buy_daohang1 p{
				position: absolute;
				margin-top: -10px;
				left: 100px;
			}
			.buy_shangpinming tr td p{
				width: 200px;
			}
			.buy_shangpinming tr td a{
				color: #808080;
			}
			.buy_shangpinming tr td span{
				color: red;
			}
			.buy_address{
				width: 500px;
				height: 200px;
				/*border: 1px solid #1E90FF;*/
				position: absolute;
				top: 200px;
				left: 100px;
			}
			.buy_address input{
				height: 20px;
				margin-bottom: 10px;
			}
			.foot{
				margin-top: 300px;
			}
		</style>
	</head>
	<body>
		
		<div class="buy_all">
			<iframe src="header.html" width="1000px" height="300px" frameborder="0" scrolling="no"></iframe>
			<div class="buy_all1">
		<div class="buy_head">
		<a href="catlist.html" target="_top"><img src="images/mycart.gif" /></a>&nbsp;&nbsp;&nbsp;&nbsp;
		全场运费一律2元&nbsp;&nbsp;&nbsp;&nbsp;简易计算器
		</div>
		<div class="buy_daohang">
			<img src="images/buytitle_bg.gif" />
			<p>确认商品价格与交易条件</p>
		</div>
		<div class="buy_shangpinming">
			<table>
				<tr>
					<td>商品名 </td>
					<td>原价</td>
					<td>优惠价</td>
					<td>打折</td>
					<td>数量</td>
					<td>删除</td>
				</tr>
				<tr>
					<td><h4>攀高搓捶背靠垫按摩器（蓝色）（定制） </h4></td>
					<td><a>￥258.00</a></td>
					<td><span>￥129.00</span></td>
					<td>50折</td>
					<td><input type="text" value="1"/></td>
					<td>删除</td>
				</tr>
				<tr>
					<td><h4>郝斌英语口语-美国基础口语训练（MP3）</h4> </td>
					<td><a>￥480.00</a></td>
					<td><span>￥292.90</span></td>
					<td>60折</td>
					<td><input type="text" value="1"/></td>
					<td>删除</td>
				</tr>
				<tr>
					<td><h4>简。奥斯汀全集（DVD-9)(赠BBC产品目录... </h4></td>
					<td><a>￥138.00</a></td>
					<td><span>￥103.90</span></td>
					<td>80折</td>
					<td><input type="text" value="1"/></td>
					<td>删除</td>
				</tr>
				<tr>
					<td><h4>继续挑选产品 </h4></td>
					<td colspan="2">￥527.40</td>
					
					<td><p>你共节省：￥348.60</p></td>
					<td>数量</td>
					<td>删除</td>
				</tr>
			</table>
			<div class="buy_daohang1">
				<img src="images/buytitle_bg.gif" />
				<p>补充你的邮件地址和联系人基本信息</p>
			</div>
			<div class="buy_address">
				收件人：<input type="text" /><br />
				地址：<input type="text" />请点击填写地址<br />
				电话：<input type="text" style="width: 30px;"/>-<input type="text" style="width: 60px"; />-<input type="text" style="width: 30px";/>（区号-电话号码-分机）<br />
				<img src="images/submit.gif" />
			</div>
		</div>
		</div>
		<div class="foot"><iframe src="foot.html" width="1000px" height="300px" frameborder="0" scrolling="no"></iframe></div>
		</div>
	</body>
</html>
